html, body {
    margin: 0; /* 清除默认边距，确保背景填充整个页面 */
    padding: 0;
    height: 100%; /* 背景图片覆盖整个页面高度 */
    background-image: url('../pic/back.jpg'); /* 确保路径与项目结构一致 */
    background-size: cover; /* 让背景图片完全覆盖整个页面，并保持纵横比 */
    background-position: center center; /* 背景居中显示 */
    background-repeat: no-repeat; /* 防止图片重复 */
    background-attachment: fixed; /* 背景图片固定 */

    /* 添加一个半透明的薄雾层 */
    position: relative;
}


